<script setup>
import { ref } from 'vue';

</script>
<template>
  <view class="container">
    <!-- 联系电话输入区域 -->
    <view class="input-container">
      <text class="label">联系电话</text>
      <input type="number" vplaceholder="请输入联系电话" class="input"></input>
    </view>
    <!-- 保存按钮 -->
    <button class="save-button" >保存</button>
  </view>
</template>



<style scoped>
.container {
  padding: 20px;
  background-color: #fff;
}

.input-container {
  margin-bottom: 20px;
}

.label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  color: #333;
}

.input {
  width: 100%;
height:30px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.save-button {
  background-color: #007AFF;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 4px;
  text-align: center;
  font-size: 15px;
  width:100%;
  height:50px;
}
</style>